<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<title>首页 - 光年(角色添加)OA管理系统</title>
		<link rel="icon" href="favicon.ico" type="image/ico">
		<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
		<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
		<meta name="author" content="yinqi">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/materialdesignicons.min.css" rel="stylesheet">
		<link href="css/style.min.css" rel="stylesheet">
		<script src="js/axios.min.js"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="lyear-layout-web">
			<div class="lyear-layout-container">
				<!--左侧导航-->
				<aside class="lyear-layout-sidebar">

					<!-- logo -->
					<div id="logo" class="sidebar-header">
						<a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
					</div>
					<div class="lyear-layout-sidebar-scroll">

						<nav class="sidebar-main">
							<ul class="nav nav-drawer">
								<li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i> 办公首页</a> </li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-image-filter-vintage"></i> 权限管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="role_list.html">用户角色</a> </li>
										<li> <a href="role_add.html">添加角色</a> </li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="#"><i class="mdi mdi-account-convert"></i> 考勤管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="work_add.html">请假加班</a> </li>
										<li> <a href="work_list.html">我的记录</a> </li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-counter"></i> 部门管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="dept_list.html">部门列表</a> </li>
										<li> <a href="dept_add.html">新增部门</a> </li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-account-settings"></i> 员工管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="employee_list.html">员工列表</a> </li>
										<li> <a href="employee_add.html">员工新增</a> </li>
										<li> <a href="employee_import.html">员工导入</a> </li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-shovel"></i> 学科管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="subject_list.html">学科列表</a> </li>
										<li> <a href="subject_add.html">学科新增</a> </li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-face-profile"></i> 班级管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="class_list.html">班级列表</a> </li>
										<li> <a href="class_add.html">班级新增</a> </li>
									</ul>
								</li>
								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="mdi mdi-trophy-variant"></i> 学员管理</a>
									<ul class="nav nav-subnav">
										<li> <a href="student_list.html">学员列表</a> </li>
										<li> <a href="student_add.html">学员新增</a> </li>
										<li> <a href="student_import.html">学员导入</a> </li>
									</ul>
								</li>

							</ul>
						</nav>
					</div>

				</aside>
				<!--End 左侧导航-->

				<!--头部信息-->
				<header class="lyear-layout-header">

					<nav class="navbar navbar-default">
						<div class="topbar">

							<div class="topbar-left">
								<div class="lyear-aside-toggler">
									<span class="lyear-toggler-bar"></span>
									<span class="lyear-toggler-bar"></span>
									<span class="lyear-toggler-bar"></span>
								</div>
								<span class="navbar-page-title"> 后台首页 </span>
							</div>

							<ul class="topbar-right">
								<li class="dropdown dropdown-profile">
									<a href="javascript:void(0)" data-toggle="dropdown">
										<img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
										<span>笔下光年 <span class="caret"></span></span>
									</a>
									<ul class="dropdown-menu dropdown-menu-right">
										<li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
										<li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
										<li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
										<li class="divider"></li>
										<li> <a href="login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
									</ul>
								</li>
								<!--切换主题配色-->
								<li class="dropdown dropdown-skin">
									<span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
									<ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
										<li class="drop-title">
											<p>主题</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
												<label for="site_theme_1"></label>
											</span>
											<span>
												<input type="radio" name="site_theme" value="dark" id="site_theme_2">
												<label for="site_theme_2"></label>
											</span>
											<span>
												<input type="radio" name="site_theme" value="translucent" id="site_theme_3">
												<label for="site_theme_3"></label>
											</span>
										</li>
										<li class="drop-title">
											<p>LOGO</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
												<label for="logo_bg_1"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
												<label for="logo_bg_2"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
												<label for="logo_bg_3"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
												<label for="logo_bg_4"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
												<label for="logo_bg_5"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
												<label for="logo_bg_6"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
												<label for="logo_bg_7"></label>
											</span>
											<span>
												<input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
												<label for="logo_bg_8"></label>
											</span>
										</li>
										<li class="drop-title">
											<p>头部</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
												<label for="header_bg_1"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_2" id="header_bg_2">
												<label for="header_bg_2"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_3" id="header_bg_3">
												<label for="header_bg_3"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_4" id="header_bg_4">
												<label for="header_bg_4"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_5" id="header_bg_5">
												<label for="header_bg_5"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_6" id="header_bg_6">
												<label for="header_bg_6"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_7" id="header_bg_7">
												<label for="header_bg_7"></label>
											</span>
											<span>
												<input type="radio" name="header_bg" value="color_8" id="header_bg_8">
												<label for="header_bg_8"></label>
											</span>
										</li>
										<li class="drop-title">
											<p>侧边栏</p>
										</li>
										<li class="drop-skin-li clearfix">
											<span class="inverse">
												<input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
												<label for="sidebar_bg_1"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
												<label for="sidebar_bg_2"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
												<label for="sidebar_bg_3"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
												<label for="sidebar_bg_4"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
												<label for="sidebar_bg_5"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
												<label for="sidebar_bg_6"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
												<label for="sidebar_bg_7"></label>
											</span>
											<span>
												<input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
												<label for="sidebar_bg_8"></label>
											</span>
										</li>
									</ul>
								</li>
								<!--切换主题配色-->
							</ul>

						</div>
					</nav>

				</header>
				<!--End 头部信息-->

				<!--页面主要内容-->
				<main class="lyear-layout-content">

					<div class="container-fluid">

						<!-- 内容区 -->
						<div class="col-lg-12" id="update">
							<div class="card">
								<div class="card-header text-center">
									更新学员信息
								</div>
								<div class="card-body">
									<form class="form-horizontal" action="student_list.html" method="get">
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-role">学员名称</label>
											<div class="col-md-7">
												<input class="form-control" type="text" v-model="studentName" id="example-hf-role" name="studentName">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-manager">所在班级</label>
											<div class="col-md-7">
												<select style="padding: 10px 0;" v-model="classId" class="form-control" id="example-manager" size="1">
													<option v-for="(cls,index) in clss" :key="index" :value="cls.classId">{{cls.className}}</option>

												</select>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">性别</label>
											<div class="col-md-7">
												<label class="radio-inline" for="example-inline-radio1">
													<input type="radio" checked="checked" v-model="stuGender" id="example-inline-radio1" name="example-inline-radios"
													 value="男">
													男
												</label>
												<label class="radio-inline" for="example-inline-radio2">
													<input type="radio" id="example-inline-radio2" v-model="stuGender" name="example-inline-radios" value="女">
													女
												</label>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-phone">手机号</label>
											<div class="col-md-7">
												<input class="form-control" type="text" v-model="stuPhone" id="example-hf-phone" placeholder="手机号">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-email">邮箱</label>
											<div class="col-md-7">
												<input class="form-control" type="email" v-model="stuEmail" id="example-hf-email" placeholder="邮箱">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-qq">QQ</label>
											<div class="col-md-7">
												<input class="form-control" type="text" v-model="stuQq" id="example-hf-qq" placeholder="QQ">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-qq">毕业学院</label>
											<div class="col-md-7">
												<input class="form-control" type="text" v-model="graduateSchool" id="example-hf-qq" placeholder="毕业学校">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-manager">学历</label>
											<div class="col-md-7">
												<select style="padding: 10px 0;" v-model="educationId" class="form-control" id="example-manager" size="1">
													<option v-for="(education,index) in educations" :key="index" :value="education.educationId">{{education.educationName}}</option>

												</select>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-hire">出生日期</label>
											<div class="col-md-7">
												<input class="form-control" v-model="createTime" type="date" id="example-hf-hire">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label" for="example-hf-hire">入学日期</label>
											<div class="col-md-7">
												<input class="form-control" v-model="inTime" type="date" id="example-hf-hire">
											</div>
										</div>
										<div class="form-group">
											<div class="col-md-9 col-md-offset-3">
												<button class="btn btn-lg btn-info" @click="updateStudent(studentId,studentName,classId,stuGender,stuPhone,stuQq,stuEmail,graduateSchool,educationId,createTime,inTime)"
												 type="submit">更新</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>

				</main>
				<!--End 页面主要内容-->
			</div>
		</div>

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
		<script type="text/javascript" src="js/main.min.js"></script>

		<!--图表插件-->
		<script type="text/javascript" src="js/Chart.js"></script>
		<script type="text/javascript">
			new Vue({
				el: '#update',
				data: {
					students:[],
					studentId:"",
					studentName: "",
					classId: "",
					stuGender: "",
					stuPhone: "",
					stuQq: "",
					stuEmail: "",
					graduateSchool: "",
					educationId: "",
					createTime: "",
					inTime: "",
					clss: [],
					educations: []

				},
				methods: {
					updateStudent: function(studentId,studentName, classId, stuGender, stuPhone, stuQq, stuEmail, graduateSchool, educationId,
						createTime, inTime) {
						axios.post("http://localhost:8080/student/updateStudent", {
							studentId:studentId,
							studentName: studentName,
							classId: classId,
							stuGender: stuGender,
							stuPhone: stuPhone,
							stuQq: stuQq,
							stuEmail: stuEmail,
							graduateSchool: graduateSchool,
							educationId: educationId,
							createTime: createTime,
							inTime: inTime
						}).then(function(d) {
							console.log("d=", d);
						}).catch(function(error) {
							console.log("e=", error)
						})
					}
				},
				created() {
					var that = this;
					var url = document.location.toString();
					var arrUrl = url.split("=");
					var para = arrUrl[1];
					this.studentId = para;
					console.log(para);
					axios.get("http://localhost:8080/student/getListByStudentId", {
						params: {
							studentId: para
						}
					}).then(function(d) {
						var student = d.data.data;
						that.studentName = student[0].studentName,
						that.classId = student[0].classId,
						that.stuGender = student[0].stuGender,
						that.stuPhone = student[0].stuPhone,
						that.stuQq = student[0].stuQq,
						that.stuEmail = student[0].stuEmail,
						that.graduateSchool = student[0].graduateSchool,
						that.educationId = student[0].educationId,
						that.createTime = student[0].createTime,
						that.inTime = student[0].inTime
						
					}).catch(function(error) {
						console.log("e=", error)
					});
					axios.get("http://localhost:8080/class/getClassList").then(function(d) {
						that.clss = d.data.data
					});
					axios.get("http://localhost:8080/education/getEducationList").then(function(d) {
						that.educations = d.data.data
					})
				}

			})
		</script>
	</body>
</html>
